<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet/less" href="./asset/less/coupon.less">
    <script src="./asset/js/less.js"></script>
    <link rel="stylesheet" href="./asset/fontAwesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./asset/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <!-- 头部部分 -->
    <div class="header">
        <a class="logo" href="index.html">
            <i class="fa fa-angle-left"></i>
        </a>
        <h1>优惠券</h1>
        <a class="download" href="#">
            <img src="./asset/image/download.png" alt="">
        </a>
    </div>

    <!-- 主体区 -->
    <div class="main clearfix">
        <ul>
            <li>
                <a href="#">
                    <img src="http://www.juanlaoda.com/ImageUpload/2013310191729944.jpg" alt="">
                    <p>肯德基</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://www.juanlaoda.com/ImageUpload/2013310191729944.jpg" alt="">
                    <p>肯德基</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://www.juanlaoda.com/ImageUpload/2013310191729944.jpg" alt="">
                    <p>肯德基</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="http://www.juanlaoda.com/ImageUpload/2013310191729944.jpg" alt="">
                    <p>肯德基</p>
                </a>
            </li>
        </ul>
    </div>

    <div class="nav">
        <ul >
            <li><a href="index.html">首页 > </a></li>
            <li><a href="#"> 优惠券</a></li>
        </ul>
    </div>

     <!-- 底部部分 -->
     <div id="footer">
        <div class="foot_top">
            <a href="login.html">登录</a>
            <a href="./register.html">注册</a>
            <a href="#" style="width: 40%; border: 0;">
                <img src="../asset/image/top.jpg" width="15" height="15">返回顶部</a>
        </div>
        <div class="foot_bottom">
            <p>
                <a href="#" style="color: Red;">手机APP下载</a>
                <a href="#">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </div>
</body>
</html>

<script src="./asset/zepto/zepto.min.js"></script>
<script src="./asset/artTemplate/template-web.js"></script>
<script id="main" type="text/html">
    {{each result as value}}
        <li>
            <a href="coupondesc.html?couponid={{value.couponId}}&couponTitle={{value.couponTitle}}">
                <img src="{{value.couponImg}}" alt="">
                <p>{{value.couponTitle}}</p>
            </a>
        </li>
    {{/each}}
</script>
<script src="./asset/js/url.js"></script>
<script src="./asset/js/coupon.js"></script>